<html>
	<!DOCTYPE html>
	<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="x-key" content="">
		<meta charset="UTF-8">
		<title>麦小“箭”</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=0">
		<link rel="stylesheet" href="main.css" >

	</head>

	<body style="">
		<!--<script type="text/javascript" src="api.php-mod=js&bid=51"></script>-->
		<div class="grid" id="grid" style="-webkit-transform: scale(0.928125, 0.928125);">
			<div class="page" id="index">
				<img class="logo" src="logo.png" alt="麦小贱">
				<img class="start" id="btn-start" src="start.png" >
			</div>
			<div class="page" id="game">
				<div class="view-wrap">
					<div id="apple" class="apple"></div>
					<div id="score"></div>
					<div class="people"></div>
					<div class="bow"></div>
					<div class="arrow" style="bottom: 80px;"></div>
					<div class="bar">
						<div class="progress" style="height: 0px;">
						</div>
						<div class="barLifes" style="height: 130px; bottom: 165px;">
						</div>
					</div>
				</div>
				<div id="control">
					<div class="">
					游戏说明：点击屏幕，右侧滚动条上升到红色线条内发射方可命中（连中五次即可过关哦！）
					</div>
				</div>
			</div>
			<div class="page hide" id="gameover">
				<div class="info hide">
				</div>
				<div class="fail-one hide"></div>
				<div class="fail-two hide"></div>
				<div class="fail-three hide"></div>
				<div class="btn-wrap">
					<div class="btn" id="btn-restart"></div>
					<!--<div class="btn" id="btn-share"></div>-->
					<!--<div class="btn" id="btn-more"></div>-->
				</div>
			</div>
			<div class="page hide" id="jd"></div>
		</div>
		<!-- js files start -->
		<script src="jquery.js" ></script>
		<script src="app.js" ></script>
		<script>
			var maxWidth = 640,
				maxHeight = 960;
			var currWidth = document.body.clientWidth;
			var currHeight = document.body.clientHeight;
			var scale = Math.min(currWidth / maxWidth, currHeight / maxHeight); //固定比率 变尺寸
			$("#grid").css({
				"-webkit-transform": "scale(" + scale + "," + scale + ")",
				"-moz-transform": "scale(" + scale + "," + scale + ")",
				"transform": "scale(" + scale + "," + scale + ")"
			});
		</script>
		<script src="bar.js"></script>
	</body>

	</html>